

.box { float: left;}
#root { max-width: 1200px; margin: 0 auto;  }

#box1 { width: 100%; }
.campoRequerido{
    color: red;
    font-size: 12px;
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	body{
		background:url(../img/fundo_L.png) no-repeat fixed;
		background-color:#183A75;
	}
	#item{
	width: 100%; margin:0 auto;
	background-color:#999;
	color:white;
	font-size:36px;
	}
	#logo{ margin-left:80px;}
	#form{ margin-left:80px;}
	#form_menu{
		margin-left:80px;
	}
	#box1 { 
	width: 100%; 
	margin:0 auto;
	
	}
    .campo{
        font-size:24px;
    }
    .txt{
        font-size:24px;
    }
	.botao{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#333;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	.botao2{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#CCC;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:36px;
	}

	a{
		text-decoration:none;
		text-align:center;
		font-size:36px;
	}
	.campo2{
		font-size:36px;
	}


}
/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	body{ 
		background:url(../img/fundo_mobile.png) no-repeat fixed;
		background-color:#183A75;

	}
	#item{
		width: 100%; margin:0 auto;
		background-color:#999;
		color:white;
		font-size:36px;
	}
	#form_menu{
		margin-top:60px;
	}
	#box1 { 
		width: 100%; 
		margin:0 auto;
	}
    .campo{
        font-size:24px;
    }
    .txt{
        font-size:24px;
    }
	.botao2{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#CCC;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:36px;
	}
	
	.botao{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#333;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	a{
		text-decoration:none;
		text-align:center;
		font-size:36px;
	}
	.campo2{
		font-size:36px;
	}

}
    /* Desire + Galaxy S2 (landscape) ----------- */
    @media only screen
    and (min-device-width : 480px)
    and (max-device-width : 2000px)
    and (orientation : landscape) {
	body{
		background:url(../img/fundo_mobile.png) no-repeat fixed;
		background-color:#183A75;
	}
	#item{
	width: 100%; margin:0 auto;
	background-color:#999;
	color:white;
	font-size:36px;
	}
	#logo{ margin-left:80px;}
	#form{ margin-left:80px;}
        
	#form_menu{
		margin-left:170px;
	}
        #form_login{
            margin-left:170px;
        }
        #form_cliente{
            margin-left:170px;
        }
        #form_visita{
            margin-left:170px;
        }
        
	#box1 { 
	width: 100%; 
	margin:0 auto;
	
	}
    .campo{
        font-size:24px;
    }
    .txt{
        font-size:24px;
    }
	.botao{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#333;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	.botao2{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#CCC;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:36px;
	}

	a{
		text-decoration:none;
		text-align:center;
		font-size:36px;
	}
	.campo2{
		font-size:36px;
                margin-left: 7px;
	}
    }
     
    /* Desire + Galaxy S2 (portrait) ----------- */
    @media only screen
    and (min-device-width : 480px)
    and (max-device-width : 800px)
    and (orientation : portrait) {
	body{ 
		background:url(../img/fundo_mobile.png) no-repeat fixed;
		background-color:#183A75;

	}
	#item{
		width: 100%; margin:0 auto;
		background-color:#999;
		color:white;
		font-size:36px;
	}
	#form_menu{
		margin-top:60px;
                margin-left:20px;
	}
        #form_login{
            margin-left:20px;
        }
        #form_cliente{
            margin-left:20px;
        }
        #form_visita{
            margin-left:20px;
        }
	#box1 { 
		width: 100%; 
		margin:0 auto;
	}
    .campo{
        font-size:24px;
    }
    .txt{
        font-size:24px;
    }
	.botao2{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#CCC;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:36px;

	}
	
	.botao{
		margin:0 auto;
		width:300px;
		clear:both;
		background-color:#333;
		border-radius:12px;
		height:50px;
		margin-top:10px;
		color:white;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	a{
		text-decoration:none;
		text-align:center;
		font-size:36px;
	}
	.campo2{
		font-size:36px;
                margin-left: 7px;
	}

    }
    
